<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>Lottery_content</title>
		<link href="css/common.css" rel="stylesheet" type="text/css"/>
		<link href="css/custom.css" rel="stylesheet" type="text/css" />
		<link href="css/UI.css" rel="stylesheet" type="text/css" />
			<script type="text/javascript" src="js/jquery1.7.2.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#header').load('common/header.html','',function(){
				$("#header .menu li a").removeClass("current_page");
          		$("a#act").addClass("current_page");
			});
			$('#footer').load('common/footer.html');
		});
		</script>
	</head>

<body>
		<div id="header"> </div>
			
			
			
			
		<div class="content">
			<div class="w">
				<div class="lefts">
					<h5><a class="a_underline" href="index.html">Index</a> > <a class="a_underline" href="act_index.html">Activities</a> > The Amazing Spider-Man </h5>
					<div class="Lottery_details">
						<div class="details_img"></div>
						<div class="details">
							<h3>The Amazing Spider-Man<span>Coming soom</span></h3>
							<p class="details_font">
								<span>Time:</span> 5/7/2012 7:00pm~9:30pm<br>
								<span>Place:</span> Film Center<br>
								<span>Cost: </span>$20<br>
								<span>Type:</span> Film/show<br>
								<span>Organizers:</span> Jason<br>
							</p>
							<div class="share_ico"><span><em>35</em>people joined</span>
								<a class="share_1" href="#"></a>
								<a class="share_2" href="#"></a>
							</div>
							<a class="Lottery_btn" href="#">Join</a>				
						</div>
					</div>
					<div class="Activity_Detail">
						<h5 class="list_title">Activity Detail</h5>
						<p class="details_font">
								<span>Time:</span> 5/7/2012 7:00pm~9:30pm<br>
								<span>Place:</span> Film Center<br>
								<span>Cost: </span>$20<br>
								<span>Type:</span> Film/show<br>
								<span>Organizers:</span> Jason<br>
						</p>
						<div class="Narrative_memoranda">
							<p>	Extraordinary Spider-Man "the story of Peter Parker in high school, he was small, when abandoned by his own 
								father and mother. Small to large, all this of his uncle and aunt plum in the upbringing of his. And Parker, are
								tirelessly searching for clues and their own life experience.
							</p>
							<p>	Extraordinary Spider-Man "the story of Peter Parker in high school, he was small, when abandoned by his own 
								father and mother. Small to large, all this of his uncle and aunt plum in the upbringing of his. And Parker, are
								tirelessly searching for clues and their own life experience.
							</p>
							<span>
								<p>	Extraordinary Spider-Man "the story of Peter Parker in high school, he was small, when abandoned by his own 
									father and mother. Small to large, all this of his uncle and aunt plum in the upbringing of his. And Parker, are
									tirelessly searching for clues and their own life experience. <a  href="#">Expand all></a>
								</p>
							</span>
						</div>
					</div>
					<div class="Activity_Photo">
						<h5 class="list_title">Activity Photo <span>(<i>3 pics</i>)</span></h5>
						<ul>
							<li class="Activity_Photo_1"><a href="#"></a></li>
							<li class="Activity_Photo_2"><a href="#"></a></li>
							<li class="Activity_Photo_3"><a href="#"></a></li>
						</ul>
					</div>
					<div class="ask_the_organizers">
						<h5 class="list_title">Let me ask the organizers <span>(<i>3</i>)</span></h5>
						<ul>
							<li>
								<p><a href="#">Jason :</a> How are you</p>
								<em><a >Organizers :</a> Fine thanks</em>
							</li>
							<li>
								<p><a href="#">Jason :</a> How are you</p>
								<em><a >Organizers :</a> Fine thanks</em>
							</li>
							<li>
								<p><a href="#">Jason :</a> How are you</p>
								<em><a >Organizers :</a> Fine thanks</em>
							</li>
						</ul>
					</div>
					<div class="activity_Forum">
						<h5 class="list_title">This activity Forum</h5>
						<ul>
							<li><a href="act_comments.html" class="a_underline">Look forward to that</a>
								<span class="activity_Forum_use">form <a href="#">jason</a></span> 
								<span class="activity_Forum_num">8 people Response</span> 
								<span class="activity_Forum_time">2012-07-18</span> 
							</li>
							<li><a href="act_comments.html" class="a_underline">Look forward to that</a>
								<span class="activity_Forum_use">form <a href="#">jason</a></span> 
								<span class="activity_Forum_num">8 people Response</span> 
								<span class="activity_Forum_time">2012-07-18</span> 
							</li>
							<li><a href="act_comments.html" class="a_underline">Look forward to that</a>
								<span class="activity_Forum_use">form <a href="#">jason</a></span> 
								<span class="activity_Forum_num">8 people Response</span> 
								<span class="activity_Forum_time">2012-07-18</span> 
							</li>
							<li><a href="act_comments.html" class="a_underline">Look forward to that</a>
								<span class="activity_Forum_use">form <a href="#">jason</a></span> 
								<span class="activity_Forum_num">8 people Response</span> 
								<span class="activity_Forum_time">2012-07-18</span> 
							</li>
						</ul>
						<a class="new_discussion a_underline" href="act_new_discussion.html">new discussion>></a>
					</div>
				</div>
				<div class="rights">
					<div class="search"><input class="search_input" type="text"  value="Activity name,address,intro"/><a title="search" href="#"></a></div>
					<div class="user_ico">
						<h5 class="list_title">Who joined<span>(<i>12</i>)</span></h5>
						<ul>
							<li class="user_ico1"><a href="#"></a></li>
							<li class="user_ico2"><a href="#"></a></li>
							<li class="user_ico3"><a href="#"></a></li>
							<li class="user_ico4"><a href="#"></a></li>
							<li class="user_ico5"><a href="#"></a></li>
							<li class="user_ico6"><a href="#"></a></li>
							<li class="user_ico7"><a href="#"></a></li>
							<li class="user_ico8"><a href="#"></a></li>
							<li class="user_ico9"><a href="#"></a></li>
							<li class="user_ico10"><a href="#"></a></li>
							<li class="user_ico11"><a href="#"></a></li>
							<li class="user_ico12"><a href="#"></a></li>
							
						</ul>
					</div>
				</div>	
			</div>
		</div>
		<div id="footer">
			
		</div>
	</body>
</html>
